<template>
  <!-- <component :is="is" v-model="modelValue" /> -->
</template>
<script setup lang="ts">
  import { computed, ref, watch, watchEffect } from 'vue'
  import { ComponentType } from '@/views/types'
  import components from './props'

  const props = defineProps<{ type: ComponentType, component: string, modelValue: any }>()
  const emits = defineEmits(['update:modelValue'])

  const is = computed(() => components[props.type]?.[props.component]?.component)

  // const data = ref({})

  // watch(() => props.modelValue, () => data.value = props.modelValue)
  // watchEffect(() => emits('update:modelValue', data.value))
</script>